/* 浅绿色动漫风格配色方案 */
:root {
  /* 基础白色系 - 更柔和的动漫色调 */
  --vt-c-white: #ffffff;
  --vt-c-white-soft: #f9fefb; /* 非常浅的薄荷白 */
  --vt-c-white-mute: #f3faf6; /* 淡薄荷白 */

  /* 基础深色系 */
  --vt-c-black: #1a1a1a;
  --vt-c-black-soft: #2a2a2a;
  --vt-c-black-mute: #3a3a3a;

  /* 主色调 - 动漫风格浅绿色系 */
  --vt-c-forest: #2e5c3e; /* 森林绿 */
  --vt-c-emerald: #4fd670; /* 翡翠绿 */
  --vt-c-mint: #7de89c; /* 薄荷绿 */
  --vt-c-pastel-green: #a8f5c0; /* 粉彩绿 */
  --vt-c-light-mint: #c7f9d3; /* 浅薄荷色 */
  --vt-c-sakura: #ff9eb5; /* 樱花粉 */
  --vt-c-sky: #87ceeb; /* 天空蓝 */
  --vt-c-sunset: #ffb347; /* 夕阳橙 */

  /* 分割线颜色 - 更柔和 */
  --vt-c-divider-light-1: rgba(79, 214, 112, 0.2);
  --vt-c-divider-light-2: rgba(79, 214, 112, 0.1);
  --vt-c-divider-dark-1: rgba(125, 232, 156, 0.6);
  --vt-c-divider-dark-2: rgba(125, 232, 156, 0.4);

  /* 文字颜色 - 动漫风格 */
  --vt-c-text-light-1: var(--vt-c-forest);
  --vt-c-text-light-2: rgba(46, 92, 62, 0.8);
  --vt-c-text-dark-1: var(--vt-c-white);
  --vt-c-text-dark-2: rgba(255, 255, 255, 0.85);
}

/* 动漫风格主题语义化颜色变量 */
:root {
  --color-background: var(--vt-c-white);
  --color-background-soft: var(--vt-c-white-soft);
  --color-background-mute: var(--vt-c-white-mute);
  --color-background-accent: linear-gradient(135deg, #f9fefb 0%, #f3faf6 100%);

  --color-border: var(--vt-c-divider-light-2);
  --color-border-hover: var(--vt-c-divider-light-1);
  --color-border-accent: var(--vt-c-emerald);

  --color-heading: var(--vt-c-forest);
  --color-text: var(--vt-c-text-light-1);
  --color-text-secondary: var(--vt-c-text-light-2);

  --color-primary: var(--vt-c-emerald);
  --color-secondary: var(--vt-c-mint);
  --color-accent: var(--vt-c-pastel-green);
  --color-danger: var(--vt-c-sakura);
  --color-info: var(--vt-c-sky);

  --section-gap: 160px;
  --border-radius: 16px; /* 更圆润的动漫风格 */
  --shadow-soft: 0 4px 20px rgba(79, 214, 112, 0.12);
  --shadow-medium: 0 8px 32px rgba(79, 214, 112, 0.18);
  --shadow-hover: 0 12px 40px rgba(79, 214, 112, 0.22);
  --shadow-anime: 0 8px 25px rgba(125, 232, 156, 0.3), 0 16px 50px rgba(79, 214, 112, 0.1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--vt-c-black);
    --color-background-soft: var(--vt-c-black-soft);
    --color-background-mute: var(--vt-c-black-mute);

    --color-border: var(--vt-c-divider-dark-2);
    --color-border-hover: var(--vt-c-divider-dark-1);

    --color-heading: var(--vt-c-text-dark-1);
    --color-text: var(--vt-c-text-dark-2);
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

body {
  min-height: 100vh;
  color: var(--color-text);
  background: var(--color-background);
  background-image: 
    /* 动漫风格的柔和渐变背景 */
    linear-gradient(135deg, rgba(249, 254, 251, 0.8) 0%, rgba(243, 250, 246, 0.6) 50%, rgba(199, 249, 211, 0.3) 100%),
    /* 点点装饰 */
    radial-gradient(circle at 20% 20%, rgba(79, 214, 112, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(125, 232, 156, 0.06) 0%, transparent 40%),
    radial-gradient(circle at 40% 70%, rgba(168, 245, 192, 0.05) 0%, transparent 30%),
    /* 动漫风格的几何图案 */
    url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234fd670' fill-opacity='0.03'%3E%3Ccircle cx='20' cy='20' r='8'/%3E%3Ccircle cx='100' cy='100' r='12'/%3E%3Ccircle cx='60' cy='60' r='6'/%3E%3Cpath d='M40 40l20 20-20 20-20-20z'/%3E%3Cpath d='M80 20l15 15-15 15-15-15z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transition:
    color 0.5s,
    background-color 0.5s,
    background-image 0.5s;
  line-height: 1.7;
  font-family:
    'PingFang SC',
    'Microsoft YaHei',
    'Hiragino Sans GB',
    '微软雅黑',
    'Arial',
    sans-serif;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.3px;
}
